<template>
	<view class="reward">
		<view class="list_box flexjus" v-for="(item,index) in 5" :key="index">
			<view class="flex">
				<view class="left_box"></view>
				<view class="detail_box">
					<view class="top_name s32 family f500">
						推荐人/景文凯
					</view>
					<view class="bottom_date s24 f400">
						2021-09-15 12:55
					</view>
				</view>
			</view>
			<view class="price_txt s40 familytow fblod">
				+68.00
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang="scss">
	.reward {
		overflow: hidden;

		.list_box {
			width: 706upx;
			height: 144upx;
			background: #FFFFFF;
			margin: 6upx auto;
			padding-right: 40upx;

			.left_box {
				width: 96rpx;
				height: 96rpx;
				background: #C4C4C4;
				border-radius: 50%;
				margin-top: 24upx;
				margin-left: 46upx;
			}

			.detail_box {
				margin-left: 20upx;
				margin-top: 28upx;

				.top_name {
					color: #000;
				}

				.bottom_date {
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					color: #999999;
					margin-top: 12upx;
				}
			}

			.price_txt {
				color: #FF3F4A;
				margin-top: 44upx;
			}
		}
	}
</style>
<style>
	page {
		background-color: #F4F5F9;
	}
</style>
